<template>
  <div class="interact">
<h1>&emsp;&emsp;一周前</h1>
<br>
<section v-for="(item,index) in newbool" :key="index">
  <div class="ask"><img src="../../../../public/imagescx/01.webp" alt=""><span class="scale1">{{item.quest}}</span></div>
  <div class="answer"><span>{{item.ans}}</span><span>{{item.num}}回答</span></div>
</section>
  </div>
</template>

<script>
export default {
data(){
  return{
  
  }
},
computed:{
  newbool(){
    this.$store.dispatch('INTER_ACT')
   return this.$store.state.caixia.inter
  }
 
   
}
}
</script>

<style lang="scss" scoped>
section{
  .ask{
    width: 100%;
    height: .5rem;
    padding: .15rem;
    transform: scale(.9);
    img{
      width: .35rem;
      height: .35rem;
      border-radius: 50%;
      vertical-align: middle;
    }
   
    
  }
}
.answer{
  transform: scale(.8);
  height: .7rem;
  width: 100%;
  background-color: rgba(128, 128, 128, 0.653);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

</style>